<template>
  <h1>
    作者：歌手
    <a @click="followFn" href="javascript:;">{{
      myLoading ? "加载中" : "关注"
    }}</a>
  </h1>
</template>

<script>
/* 
  目标：组合API
*/
import { usefollow } from "./mixins/follow.js";
export default {
  name: "App",
  setup() {
    // 🔔场景1：直接展开使用封装是默认的名字
    // return { ...usefollow() }
    // 🔔场景2：默认名字和当前组件有冲突，可以按需改名，避免在命名冲突问题
    const { loading: myLoading, followFn } = usefollow();

    return { myLoading, followFn };
  },
};
</script>

<style>
</style>